<template>
  <div class="button-intro">
      <div class="model-container">
          <div class="model-container-title">默认样式</div>
          <y-button title='默认'></y-button>
          <y-button title='正常' type='primary'></y-button>
          <y-button title='警告' type='error'></y-button>
      </div>
      <div class="model-container">
          <div class="model-container-title">圆形边框样式</div>
          <y-button title='默认' border></y-button>
          <y-button title='正常' border type='primary'></y-button>
          <y-button title='警告' border type='error'></y-button>
      </div>
  </div>
</template>

<script lang='ts'>
export default {
 name: 'ButtonIntro'
}
</script>

<style lang='scss' scoped>
@import '../model.scss';
.button-intro{
}
</style>